<!DOCTYPE html>
<!-- Created by 白墨 on 2021/4/17 22:11:24-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)"><!--片段名为head，参数title-->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title th:replace="${title}">博客详情</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <link rel="stylesheet" href="../../static/css/typo.css" th:href="@{/css/typo.css}">
  <link rel="stylesheet" href="../../static/css/animate.css" th:href="@{/css/animate.css}">
  <link rel="stylesheet" href="../../static/lib/prism/prism.css" th:href="@{/lib/prism/prism.css}">
  <link rel="stylesheet" href="../../static/lib/tocbot/tocbot.css" th:href="@{/lib/tocbot/tocbot.css}">
  <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
  <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.css" th:href="@{/lib/editormd/css/editormd.css}">
</head>
<body>
<!--导航-->
<nav th:fragment="menu(n)" class="ui attached segment m-padded-tb-mini m-shadow-small tm-hf" >
  <div class="ui container">
    <div class="ui secondary stackable menu">
      <h2 class="ui blue header item">管理后台</h2>
      <a href="#" th:href="@{/admin/blogs}" class="m-item blue item m-mobile-hide m-opacity-mini" style="color: white" th:classappend="${n==1} ? 'active'"><i class=" home icon"></i>博客</a>
      <a href="#" th:href="@{/admin/types}" class="m-item blue item m-mobile-hide m-opacity-mini" style="color: white" th:classappend="${n==2} ? 'active'"><i class="idea icon"></i>分类</a>
      <a href="#" th:href="@{/admin/tags}" class="m-item blue item m-mobile-hide m-opacity-mini" style="color: white"  th:classappend="${n==3} ? 'active'"><i class=" tags icon"></i>标签</a>
      <a href="#" th:href="@{/admin/friends}" class="m-item blue item m-mobile-hide m-opacity-mini" style="color: white"  th:classappend="${n==4} ? 'active'"><i class="thumbs icon"></i>友链</a>
      <div class="right m-item m-mobile-hide menu">
        <div class="ui dropdown  item">
          <div class="text">
            <img class="ui avatar image" src="../../static/image/me.jpg" th:src="@{/image/me.jpg}">
            [[${session.user.nickname}]]
          </div>
          <i class="dropdown icon"></i>
          <div class="menu">
            <a href="#" th:href="@{/admin/logout}" class="item">注销</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
    <i class="sidebar icon"></i>
  </a>
</nav>

<!-- 底部 -->
<footer th:fragment="footer" class="ui vertical segment m-padded-tb-massive tm-hf">
  <div class="ui center aligned container">
    <div class="ui stackable divided grid tm-qt">
      <div class="three wide column">
        <img src="../static/image/mine.png" th:src="@{/image/mine.png}" class="ui rounded image m-opacity-mini" style="width: 110px;" alt="">
      </div>
      <div class="three wide column">
        <h4 class="ui header m-text-spaced m-opacity-mini" style="color: white">最新博客</h4>
        <div id="newblog-container">
          <div class="ui  link list" th:fragment="newblogList">
            <a href="" th:href="@{/blog/{id}(id=${blog.id})}" target="_blank" class="item m-text-thin m-text-spaced m-opacity-mini" th:each="blog : ${newblogs}" th:text="${blog.title}" style="color: white">用户故事(user)</a>
          </div>
        </div>
      </div>
      <div class="four wide column">
        <h4 class="ui header m-text-spaced m-opacity-mini" style="color: white">联系方式</h4>
        <div class="ui link list">
          <a href="" class="item m-text-mini  m-text-spaced m-opacity-mini" th:text="#{index.email}" style="color: white"></a>
          <a href="" class="item m-text-thin  m-text-spaced m-opacity-mini" style="color: white">QQ/QID：BaiMoAiXLY</a>
          <a href="" class="item m-text-thin  m-text-spaced m-opacity-mini" style="color: white">公众号：白墨是个程序猿</a>
        </div>
      </div>
      <div class="six wide column">
        <h4 class="ui header m-text-spaced m-opacity-mini" style="color: white">关于我</h4>
        <p class="m-text-thin m-text-spaced m-opacity-mini" style="color: white">
          本博客是我的毕设项目。</br>前端HTML+JS+JQuery+SemanticUI</br>后端SpringBoot+Mybatis+Thymeleaf</br>对这些技术有兴趣的朋友可以联系我，我们一起学习进步。</p>
      </div>
    </div>
    <div class="ui section divider"></div>
    <p class="m-text-thin m-text-spaced m-opacity-mini" style="color: white">Copyright © 2021 白墨</p>

  </div>
</footer>

<th:block th:fragment="script">
  <script src="https://lib.baomitu.com/jquery/3.5.1/jquery.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>

  <script src="../static/lib/prism/prism.js" th:src="@{/lib/prism/prism.js}"></script>
  <script src="../static/lib/tocbot/tocbot.js" th:src="@{/lib/tocbot/tocbot.js}"></script>
  <script src="../static/lib/qrcode/qrcode.min.js" th:src="@{/lib/qrcode/qrcode.min.js}"></script>
  <script src="../static/lib/waypoints/jquery.waypoints.min.js" th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script>
</th:block>

</body>
</html>